{% extends "calendario/base.html" %}

{% block titulo_calendario %}Crear nuevo evento {% endblock %}

{%block scripts %}
  <link type="text/css" rel="stylesheet" href="dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK>
  <SCRIPT type="text/javascript" src="dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=20060118"></script>
{% endblock %}

{%block contenido %}
{% if error_message %}<p>{{ error_message }}</p>{% endif %}
<form action="/calendario/eventos/guardar_evento/" method="post">
{% csrf_token %}

<p>
  <label for="nombre">Nombre del evento:</label>
  <input type="text" size="25" value="" id="nombre_evento" name="nombre"/>
</p>

<p>
  <label for="combo_grupos">Grupo:</label>
  <select name="combo_grupos" id="id_combo_grupos">
    {% for grupo in grupos %}
      <option value="{{ grupo.nombre }}" name="nombre_grupo">{{ grupo.nombre }}</option>
    {% endfor %}
    </select>
</p>

<p>
  <label for="descripcion">Descripci&oacute;n:</label>(Opcional)<br>
  <textarea rows="5" cols="50" id="descripcion" name="descripcion"></textarea>
</p>

<p>
  <label for="lugar">Lugar: </label>
  <input type="text" size="25" value="" id="lugar" name="lugar">
</p>

<p>
  <label for="">Fecha de inicio (dd/mm/aaaa):</label>
  <input type="text" value="{{ fecha.year }}-{{ fecha.month }}-{{ fecha.day }}" name="fecha_de_inicio"/>
</p>

  <input type="submit" value="Crear evento">
</form>
{% endblock %}
